<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小U-首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/remScale.js"></script>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/public.css">
</head>
<body>
    <div class="contain">
        <header class="header wrap">
            <h1><a href="#"><img src="./images/index_/logo.jpg" alt=""></a></h1>
            <input type="text" class="search" placeholder="寻找商品">
            <a href="#">
                <span></span>
                <span></span>
                <span></span>
            </a>
        </header>
        <div class="nav wrap">
            <div class="wrap">
                <ul>
                    <li><a href="#">推荐</a></li>
                    <li><a href="#">女装</a></li>
                    <li><a href="#">鞋包</a></li>
                    <li><a href="#">居家</a></li>
                    <li><a href="#">母婴儿童</a></li>
                    <li><a href="#">美食</a></li>
                    <li><a href="#">男装</a></li>
                </ul>  
            </div>  
            <a class="arrow" href="#"><img src="./images/index_/arrow.jpg" alt=""></a> 
        </div>
        <div class="banner">
            <a href="#"><img src="./images/index_/banner.jpg" alt=""></a>
            <a href="#"><img src="./images/index_/banner.jpg" alt=""></a>
            <a href="#"><img src="./images/index_/banner.jpg" alt=""></a>
        </div>
        <nav class="m-list wrap">
            <ul>
                <li>
                    <a href="#"><img src="./images/index_/icon_1.jpg" alt=""></a>
                    <p>限时抢购</p>
                </li>
                <li>
                    <a href="#"><img src="./images/index_/icon_2.jpg" alt=""></a>
                    <p>积分商城</p>
                </li>
                <li>
                    <a href="#"><img src="./images/index_/icon_3.jpg" alt=""></a>
                    <p>联系我们</p>
                </li>
                <li>
                    <a href="#"><img src="./images/index_/icon_4.jpg" alt=""></a>
                    <p>商品分类</p>
                </li>
            </ul>
        </nav>
        <hr class="hr">
        <div class="floor1 wrap">
            <div class="floor1-left">
                <h2><a href="#"><img src="./images/index_/timer.jpg" alt=""> 限时秒杀</a></h2>
                <p>每天零点场 好货秒不停</p>
                <div class="time">
                    <span>02</span>
                    <i>:</i>
                    <span>16</span>
                    <i>:</i>
                    <span>45</span>
                    <a href="#">秒杀</a>
                </div>
                <a class="pic" href="#"><img src="./images/index_/shop_5.jpg" alt=""></a>
                <div class="price"><span>&yen;</span>14.8</div>
            </div>
            <div class="floor1-right">
                <div class="top">
                 <div class="top-left">
                     <h2><a href="#">品牌上新</a> <span>折</span></h2>
                     <p>每日9点 抢大牌</p>
                 </div>
                 <div class="top-right">
                     <a href="#"><img src="./images/index_/shop_1.jpg" alt=""></a>
                 </div>
                </div>

                <div class="bottom">
                    <div class="bottom-left">
                        <h2><a href="#">每日十件</a></h2>
                        <p>只为你选好货</p>
                        <div>
                            <img src="./images/index_/shop_2.jpg" alt="">
                        </div>
                    </div>
                    <div class="bottom-right">
                        <h2><a href="#">拼啊</a></h2>
                        <p>超级好价拼团</p>
                        <div>
                            <img src="./images/index_/shop_3.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <hr class="hr">
        <div class="floor2">
            <img src="./images/index_/bar.jpg" alt="">
        </div>
        <hr class="hr">
        <div class="floor3 wrap">
            <div class="floor3-header">
                <ul>
                    <li>
                        <a href="#">热门推荐</a>
                    </li>
                    <li>
                        <a href="#">发现好货</a>
                    </li>
                    <li>
                        <a href="#">只看专场</a>
                    </li>
                    <li>
                        <a href="#">只看商品</a>
                    </li>
                </ul>
            </div>
            <div class="floor3-main">
                <div class="top">
                    <div class="left">
                        <a href="#"><img src="./images/index_/shop_4.jpg" alt=""></a>
                    </div>
                    <div class="right">
                        <p class="p1">雅诗兰黛染发膏60ml</p>
                        <p class="p2"><span>&yen;</span>123.00</p>
                        <p class="p3">已售800件</p>
                        <p class="p4"><a href="#">立即抢购</a></p> 
                    </div>
                          
                </div>
                <div class="center">
                    <div class="left">
                        <a href="#"><img src="./images/index_/shop_4.jpg" alt=""></a>
                    </div>
                    <div class="right">
                        <p class="p1">雅诗兰黛染发膏60ml</p>
                        <p class="p2"><span>&yen;</span>123.00</p>
                        <p class="p3">已售800件</p>
                        <p class="p4"><a href="#">立即抢购</a></p> 
                    </div>
                </div>
                <div class="bottom">
                    <div class="left">
                        <a href="#"><img src="./images/index_/shop_4.jpg" alt=""></a>
                    </div>
                    <div class="right">
                        <p class="p1">雅诗兰黛染发膏60ml</p>
                        <p class="p2"><span>&yen;</span>123.00</p>
                        <p class="p3">已售800件</p>
                        <p class="p4"><a href="#">立即抢购</a></p> 
                    </div>
                </div>
            </div>
        </div>
        <div class="blank"></div>
        <footer class="footer">
            <div class="left">
                <a href="./index.html"><img src="./images/public/icon_6.jpg" alt="">
                </a><p>首页</p>
                
            </div>
            <div class="center">
                <a href="./shopCar.html"><img src="./images/public/icon_7.jpg" alt="">
                </a>
                <p>购物车</p>
            </div>
            <div class="right">
                <a href="./my.html"><img src="./images/public/icon_5.jpg" alt="">
                </a>
                <p>我的</p>
                
            </div>
        </footer>
    </div>
</body>
</html>